<template>
  <div>
     <Header></Header>
     <!-- 设置路由组件出口的地方 -->
      <router-view></router-view>
     <!-- Footer有的时候显示、有的时候隐藏 v-show|v-if -->
     <!-- 可以:但是不建议，因为后面还有很多路由组件有Footer -->
     <!-- <Footer v-show="$route.path=='/home' || $route.path=='/search'"></Footer> -->
     <Footer v-show="$route.meta.show"></Footer>
  </div>
</template>

<script>

export default {
  name: '',
  //app根组件只是挂载一次
  mounted(){
  //在三级分类出来之前，仓库的数据就已经有了，可以执行使用
  //app的钩子函数只是执行一次，因此三级分类的请求只是发一次
   this.$store.dispatch("categoryList");
  },
}
</script>

<style scoped>

</style>


